<style>
    ol ul li:nth-child(odd) {
        /*list-style: none;*/
        /*list-style-type: square;*/
        list-style-image: url("./images/female.gif");
    }
    ol ul li:nth-child(even) {
        list-style-image: url("./images/male.gif");
    }
</style>
<ol>
    <li>
        <span>Java</span>
        <ul>
            <li>OOP</li>
            <li>IO</li>
            <li>JDBC</li>
        </ul>
    </li>
    <li>
        <span>Web</span>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </li>
    <li>
        <span>Database</span>
        <ul>
            <li>MySQL</li>
            <li>Oracle</li>
        </ul>
    </li>
</ol>
<ul>
    <li>Java</li>
    <li>Web</li>
    <li>Database</li>
</ul>